<html>
  <head>
    <title>Dom:currentStyle使用实例</title>
    <style>
      #a {
        border: 1px solid;
        width: 200px;
        height: 100px;
        text-align: center;
        position: absolute;
      }
    </style>
  </head>
  <body>
    <div id="a"></div>

    <script language="javascript">
      var a = document.getElementById('a') //获取元素
      if (document.all) {
        //IE浏览器
        var wh = a.currentStyle['width']
        var text_align = a.currentStyle['textAlign']
        var posi = a.currentStyle['position']
      } else {
        //FF或其他浏览器
        var wh = window.getComputedStyle(a, null).width
        var text_align = 'textAlign' //凡是带横杠(-)的属性，在FF浏览器里必须转换一下属性名称
        text_align = text_align.replace(/([A-Z])/g, '-$1').toLowerCase() //
        // text_align.toLowerCase()
        text_align = window.getComputedStyle(a, null).getPropertyValue(text_align)
        var posi = window.getComputedStyle(a, null).getPropertyValue('position')
      }
      // alert('宽度值是：' + wh)
      // alert('文本排放是：' + text_align)
      // alert('position值是：' + posi)
      console.log('宽度值是：' + wh)
      console.log('文本排放是：' + text_align)
      console.log('position值是：' + posi)
      a.innerText = '宽度值是：' + wh + ';\n ' + '文本排放是：' + text_align + ';\n position值是：' + posi
    </script>
  </body>
</html>
